<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Compensation Claim Details</title>
</head>
<body>
	<link href="<c:url value='/css/style.css'></c:url>" rel="stylesheet"
		type="text/css">
	<fmt:setBundle basename="TextForManagerPage" />
</head>

<body>
	<%
		java.util.Date date = new java.util.Date();
		pageContext.setAttribute("date", date);
	%>


	<!-- 
dummy variable for Employee;
 -->
	<c:set var="name" value="nico"></c:set>

	<div class="content">
		<h1>...Header.jsp will come here....</h1>
		<table style="border-spacing: 10px;" width="100%">
			<tr>
				<td width="280px">
					<div id="menu">
						<ul>
							<li><a href="#"><fmt:message key="left.approveleaves"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.approveHistory"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.leaveStatus"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.newLeave"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message
										key="left.compensationLedger"></fmt:message> </a></li>
							<li><a href="#"><fmt:message key="left.leaveHistory"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.publicHolidays"></fmt:message>
							</a></li>
							<li><a href="#"><fmt:message key="left.leavePolicies"></fmt:message>
							</a></li>
							<li class="selectedPage"><a href="#"><fmt:message
										key="left.approveCompensationLeave"></fmt:message> </a></li>

						</ul>
					</div>
				</td>
				<td width="*">
					<h3>
						<b>Compensation Claims Detail</b>
					</h3>
					<table>
						<tr>
							<td>Claim ID:</td>
							<td>${compensationLeave.transactionID}</td>
						</tr>
						<tr>
							<td>Applied By:</td>
							<td>${compensationLeave.employee.name}</td>
						</tr>
						<tr>
							<td>Date of OT:</td>
							<td><fmt:formatDate
									value="${compensationLeave.dateOfOvertime}"
									pattern="yyyy-MM-dd" />
							</td>
						</tr>
						<tr>
							<td>Total of Hours:</td>
							<td>${record.startTime-record.endTime} hours.</td>
						</tr>
						<tr>
							<td>
							<form action="ApprovedClaimServlet">
							<input type="submit" value="Approve" />
							</form></td><td>
							<form action="RejectClaimServlet">
							<input type="submit" value="Reject" />
							</form>
							</td>
						</tr>
					</table></td>
			</tr>
		</table>
	</div>
</body>
</html>